<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>地图导航</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
    }

    #container {
        width: 100%;
        height: 100vh;
        background-color: while
    }


</style>

<body>
<div id="container"></div>
<script type="text/javascript">
    window._AMapSecurityConfig = {
    securityJsCode:'c9782bb8b499fc243345907db0d9a621',
}


</script>
<script type="text/javascript"
        src="https://webapi.amap.com/maps?v=1.4.15&key=7e4e3e7b5dcc10188dace108c2825ed8"></script>
<script type="text/javascript">
          //地图初始化应该在地图容器div已经添加到DOM树之后
          var map = new AMap.Map("container", {
            zoom: 15,//级别
            center: [116.546562,39.91289],//中心坐标
          });

           /*
          //接受鸿蒙短发送的数据
          var hmPort
          window.addEventListener("message",function(event){
            if (event.data == "__init_port__") {
                hmPort = event.ports[0]
                hmPort.postMessage(JSON.stringify({type:"connect_ok"}))
            }
          })
           */
          window.onload = function () {
           // window.swift.alert("大家好才是真的好！")
          }

          function showHtmlMsg(){
            window.swift.toast("我是一个html中定义的方法")
          }

          function getLocation(lon, lat){
            //window.swift.alert(lon+"，"+lat)
            map.setZoomAndCenter(15, [lon,lat])

            map.plugin(['AMap.PlaceSearch'], function() {
                var PlaceSearchOptions = { //设置PlaceSearch属性
                    pageSize: 4, //每页结果数,默认10
                    pageIndex: 1, //请求页码，默认1
                    extensions: "base" //返回信息详略，默认为base（基本信息）
                };
                var MSearch = new AMap.PlaceSearch(PlaceSearchOptions); //构造PlaceSearch类
                AMap.event.addListener(MSearch, "complete", (result)=>{
                     //返回结果,给鸿蒙端，这需要调用鸿蒙端的方法
                     window.swift.receiveData(JSON.stringify(result?.poiList?.pois||[]))
                });

                //请使用自己定位的地方的关键词
                MSearch.searchNearBy("天安门", new AMap.LngLat(lon, lat))//坐标:116.397445,39.909201
           });
          }


</script>
</body>

</html>